<script setup lang="ts">
  const { isMobileMenuOpen, openMobileMenu } = useMobileMenu()
</script>
<template>
  <v-icon-btn
    :icon="
      isMobileMenuOpen ? 'i-material-symbols-close' : 'i-material-symbols-menu'
    "
    @click="openMobileMenu"
  >
    <span class="sr-only">Open main menu</span>
    <v-icon
      :icon="
        isMobileMenuOpen
          ? 'i-material-symbols-close'
          : 'i-material-symbols-menu'
      "
      size="20px"
    />
  </v-icon-btn>
</template>
<style scoped></style>
